<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<!--<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">-->
		<title>ofans</title>
		<script>
//			    (function (doc, win) {
//			          var docEl = doc.documentElement,
//			                  resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
//			                  recalc = function () {
//			                      var clientWidth = docEl.clientWidth;
//			                      if (!clientWidth) return;
//			                      if(clientWidth>=640){
//			                          docEl.style.fontSize = '100px';
//			                      }else{
//			                          docEl.style.fontSize = 100 * (clientWidth / 640) + 'px';
//			                      }
//			                  };
//			
//			          if (!doc.addEventListener) return;
//			          win.addEventListener(resizeEvt, recalc, false);
//			          doc.addEventListener('DOMContentLoaded', recalc, false);
//			      })(document, window);
			var num = window.devicePixelRatio;
			var bili = 1 / num;
			var meta = document.createElement('meta');
			meta.name

			= 'viewport';
			meta.content = 'width=device-width, user-scalable=no, initial-scale=' + bili + ', maximum-scale=' + bili + ', minimum-scale=' + bili;
			document.head.appendChild(meta);
			var fontS = document.documentElement.clientWidth / 10;
			document.documentElement.style.fontSize = fontS + 'px';
//			document.body.style.fontSize = "16px";
		</script>
	</head>

	<body>
		<div id="app"></div>
		<!-- built files will be auto injected -->
	</body>

</html>